@import "common";
@import 'loops';
@import 'global';

#app {
  //height: 100%;
  min-height: 100vh;
  background-color: transparent;
  font-size: 26px;
}

.gl-title {
  overflow: visible;
  padding-left: .53rem;
  border-left: solid .19rem #1f8bf8;
  line-height: 1rem;
  font-size: 1rem;
  color: #333;
}

.df-popup {
  background-color: transparent;
}

.gl-input {
  background-color: transparent;
  &::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #c5c5c5;
    font-size: 1rem;
  }
  &:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #c5c5c5;
    font-size: 1rem;
  }
  &::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #c5c5c5;
    font-size: 1rem;
  }
  &:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #c5c5c5;
    font-size: 1rem;
  }
}

.gl-content {
  padding: 34px 36px;
  min-height: calc(100vh - 170px);
  background-color: #F7F8FA;
}
